<template>
  <div class="E1MM_tab">
    <div class="E1MM_tabControlMain">
      <div class="E1MMT_div E1MMT_headerLeft" :class="{E1MMT_headerLeftchooese:tabNow == 2,E1MMT_headerLeftNOchooese:tabNow == 1}" @click="clickLeft()"><img :src="leftButtonImg" alt=""></div>
      <div class="E1MMT_div E1MMT_headerRight" :class="{E1MMT_headerLeftchooese:tabNow == 1,E1MMT_headerLeftNOchooese:tabNow == 2}" @click="clickRight()"><img :src="rightButtonImg" alt=""></div>
    </div>
    <div class="E1MM_tabContentMain">
      <div class="E1MMTC_mainLeft" :class="{hide:tabNow == 1}">
        <ul>
          <!--<li>-->
            <!--<div class="E1MMTCM_imgDiv">-->
              <!--<img src="../../../../static/staticJC/images/event/coin.png" alt="" class="E1MMTCM_img">-->
            <!--</div>-->
            <!--<div class="E1MMTCM_title">玩了旋转木马，消费都币都币都币都币</div>-->
            <!--<div class="E1MMTCM_div">-->
              <!--<div class="E1MMTCMD_integral">+25</div>-->
              <!--<span class="E1MMTCMD_time">12-3 13：52</span>-->
            <!--</div>-->
          <!--</li>-->
          <li v-for="(item,index) in list">
            <div class="E1MMTCM_imgDiv">
              <img src="../../../../static/staticJC/images/event/lightning.png" alt="" class="E1MMTCM_img">
            </div>
            <div class="E1MMTCM_title">{{item.name}}</div>
            <div class="E1MMTCM_div">
              <div class="E1MMTCMD_integral">{{item.jf}}</div>
              <span class="E1MMTCMD_time">{{item.userTime}}</span>
            </div>
          </li>
        </ul>
      </div>
      <div class="E1MMTC_mainLeft" :class="{hide:tabNow == 2}">

      </div>
    </div>
  </div>
</template>

<script>
  import leftButton1 from '../../../../static/staticJC/images/event/button1Font.png'
  import leftButton2 from '../../../../static/staticJC/images/event/button1Font2.png'
  import rightButton1 from '../../../../static/staticJC/images/event/button2Font.png'
  import rightButton2 from '../../../../static/staticJC/images/event/button2Font2.png'
  export default {
    data(){
      return {
        tabNow:2,
        leftButtonImg: leftButton1,
        rightButtonImg: rightButton1,
        list:[]
      }
    },
    methods:{
      clickLeft(){
        this.tabNow = 1;
        this.leftButtonImg = leftButton2;
        this.rightButtonImg = rightButton2;
      },
      clickRight(){
        this.tabNow = 2;
        this.leftButtonImg = leftButton1;
        this.rightButtonImg = rightButton1;
      }
    },
    computed:{
      getList(){

      }
    },
    mounted(){
      let $this = this;
      ajaxCore.ajax(config.szg.consumeList, null, "GET", {
        "Authorization": getToken()
      }).done(function (res) {
        if(res.status === 10001){
          $this.list = res.result.datas;
        }
      });
    }
  }
</script>
